<template>
    <i @click="click" class="el-icon-mars-fullscreen1"></i>
</template>

<script>
    import screenfull from 'screenfull'

    export default {
        name: 'index',
        data() {
            return {

            }
        },
        methods: {
            click() {
                if(!screenfull.enabled) {
                    this.$message({
                        message: 'you browser can not work',
                        type: 'warning'
                    })
                    return false
                }
                screenfull.toggle()
            }
        }
    }
</script>

<!-- 局部样式 -->
<style rel="stylesheet/scss" lang="scss" scoped>

</style>